:root {
    --main-color: #008fdb;
    --auxiliary-color-btn: #019add;
    --auxiliary-color-link: #00ace6;
    --auxiliary-color-light: #71c4ee;
    --header-png: url("./assets/img/top-bg-blue.png");
    --menu-png: url("./assets/img/nav-img-blue.png");
    --transfer-png: url("./assets/img/doctor/card-bg-blue.png");
    --auxiliary-color-btn-bg-30: #019add4D;
    --auxiliary-color-link-bg-10: #00ace61A;
    --scroll-color: #7ABDF240;
}

[data-theme='hfblue'] {
    --main-color: #008fdb;
    --auxiliary-color-btn: #019add;
    --auxiliary-color-link: #00ace6;
    --auxiliary-color-light: #71c4ee;
    --header-png: url("./assets/img/top-bg-blue.png");
    --menu-png: url("./assets/img/nav-img-blue.png");
    --transfer-png: url("./assets/img/doctor/card-bg-blue.png");
    --auxiliary-color-btn-bg-30: #019add4D;
    --auxiliary-color-link-bg-10: #00ace61A;
    --scroll-color: #7ABDF240;
}

[data-theme='hfgreen'] {
    --main-color: #009988;
    --auxiliary-color-btn: #0ca290;
    --auxiliary-color-link: #00baa4;
    --auxiliary-color-light: #81fced;
    --header-png: url("./assets/img/top-bg-green.png");
    --menu-png: url("./assets/img/nav-img-green.png");
    --transfer-png: url("./assets/img/doctor/card-bg-green.png");
    --auxiliary-color-btn-bg-30: #00BAA44D;
    --auxiliary-color-link-bg-10: #0CA2901A;
    --scroll-color: #6ACCB142;
}